<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- public quote -->
<%@include file="/jsp/comm_css_include.jsp"%>
<!-- jqgrid-->
<link href="${basePath}/css/plugins/jqgriddemo/css/ui.jqgrid-bootstrap.min.css" rel="stylesheet" />
<link href="${basePath}/js/fileInput/css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
<!doctype html>
<html>
<head>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="iboxtitle">
			<span><i class="glyphicon glyphicon-map-marker"></i>&nbsp;财务相关>银行放款</span>
			<a href="javascript:void(0)"></a>
		</div>
		<div class="ibox-content ibox-zxsearchqu">
             <div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
					 <div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
						 <input type="text" placeholder="客户名" id="customerName" name="customerName" class="form-control">
					</div>
					<div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
						 <input type="text" placeholder="身份证号码" id="customerNo" name="customerNo" class="form-control" value="">
					</div>
                   <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4">
                   		<div class="row">
                   			<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">  
                   				<input id="applyDiviTimeStartDate" name="applyDiviTimeStartDate" placeholder="开始时间" class="laydate-icon form-control">
                   			</div>
                   			<label class="hxleft">至</label>
	                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">  
	                        	<input id="applyCarinfoTimeEndDate" name="applyCarinfoTimeEndDate" placeholder="结束时间" class="laydate-icon form-control">
	                        </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4">
	                    <button class="btn dpbtn_blue_null" type="button" onclick="query(0,0);">当日</button>
						<button class="btn dpbtn_blue_null" type="button" onclick="query(-1,-1);">昨日</button>
						<button class="btn dpbtn_blue_null" type="button" onclick="query(-6,0);">近7日</button>
                   		<button class="zhixcx" type="button" onclick="query();">执行查询</button>
                    </div>
				</div>	
			</div>	
        </div>
		<div class="ibox-content">
          	<div class="jqGrid_wrapper">
	             <table id="table_list_1"></table>
	             <div id="pager_list_1"></div>
         	</div>
        </div>
	</div>


	<!-- public quote -->
	<%@include file="/jsp/comm_js_include.jsp"%>
	<!-- jqGrid -->
	<script type="text/javascript" charset="utf-8" src="${basePath}/js/plugins/jqgriddemo/js/jquery.jqGrid.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="${basePath}/js/plugins/jqgriddemo/js/grid.locale-cn.min.js"></script>
	<script src="${basePath}/js/fileInput/js/fileinput.js" type="text/javascript"></script>
    <script src="${basePath}/js/fileInput/js/locales/zh.js" type="text/javascript"></script>
     <!-- layerDate plugin javascript -->
    <script src="${basePath}/js/plugins/layer/laydate/laydate.js"></script>
	
	<script type="text/javascript">

	  jQuery(function($) {  
	    	//外部js调用
		    laydate({
		        elem: '#applyDiviTimeStartDate', 
		        event: 'focus' 
		    });
	    	
		    laydate({
		        elem: '#applyCarinfoTimeEndDate', 
		        event: 'focus' 
		    });
	    	
	    	getData();
	    });
	 	
	 	 window.onresize = function(){
	    	$("#table_list_1").setGridWidth($(window).width()-80);
	    }
	    
	 	var winHeight,winWidth;
	 	
	    var getData = function()
	    {
	    	winWidth = $("#table_list_1").parents('div.ibox-content').width();
	    	winHeight = document.body.offsetHeight - 300;
	     	var win = winWidth / 8;
  	 	   $.jgrid.defaults.styleUI = 'Bootstrap';
  	 	   
		  jQuery("#table_list_1").jqGrid({
			url:'${basePath}/DzApplyDiviController/applyDiviHisList',
			postData:{typeData:3,},
	        datatype : "json",
	        colNames : [ '主键','申请分期时间', '分期状态', '客户姓名', '身份证号码', '经销商', '经销商等级', '订单类型', '部门','业务员', '银行'],
	        colModel : [ 
	                     {name: 'replaceId', index: 'B.id', hidden:true},
	            		 {name: 'hisDiviCreated',index: 'DZD.created',width: 180,align: "center",formatter:function(a,b,c){
	                       	 return formateIntegerMinutes(a);
	                     }},
	                     {name: 'applyDiviStatusDisplay',index: 'DZD.applyDiviStatus',width: 130,align: "center",formatter:function(a,b,c){
	                       	 return !a || a == '' ? '-' : a;
	                     }},
	            		 {name: 'customerName',index: 'B.customerName',width: 130,align: "center"},
	            		 {name: 'customerNo',index: 'B.customerNo',width: 180,align: "center"},
	               		 {name: 'dealerName',index: 'BDI.dealerName',width: 300,align: "center"},
	               		 {name: 'dealerLevelDisplay',index: 'BDI.dealerLevel',width: 130,align: "center"},
	                  	 {name: 'channelTypeDisplay',index: 'B.channelType',width: 130,align: "center"},
	            		 {name: 'orgName',index: 'BO.orgName',width: 130,align: "center"},
	            		 {name: 'salesmanName',index: 'S.name',width: 130,align: "center"},
	            		 {name: 'bankLoanDisplay',index: 'B.bankLoan',width: 300,align: "center"}
	                   ],
              mtype : "post",
              height: winHeight,
              width:winWidth,  
              shrinkToFit:false,
              autoScroll: false,
              rowNum: 15,
              rowList: [15, 30, 45],
              viewrecords: true,
              pager: "#pager_list_1",
              hidegrid: false,
              multiselect : false,
              altRows:true,
              altclass:'someClass',
              sortname:'DZD.created',
              sorttype:'desc',
              ondblClickRow:function(rowId,v,e)
              {
            	  var rowData = $("#table_list_1").jqGrid("getRowData", rowId);
            	  var id = rowData.replaceId;
            	  layer.msg('正在进入，请稍后...',{icon: 16,shade: 0.01});
            	  window.location.href="${basePath}/DzApplyDiviViewController/diviDetail?id=" + id;  
              },
              jsonReader : {
            	  root:"result.rows",
            	  page: "result.page",
            	  total: "result.total",
            	  records: "result.records",
            	  repeatitems: false,
            	  id: "replaceId"
              },
              loadComplete:function(datas){
	         	  if (datas.flag == "100100") {
	                   layer.msg("查询成功!", {icon: 6, time: 1000});
	                   return;
	               }
	         	  if(datas.flag == '100802') {
	 				  top.location.href = thisLoginUrl;
	 				  return;
	 			  }

	         	  layer.msg(datas.message, {icon: 2});
	           }
	      });
	    }	 
	    
	    var query = function(start, end){
	    	var postData = $("#table_list_1").jqGrid("getGridParam", "postData");
	    	var data = {};
	    	data.customerName = document.getElementById('customerName').value || '';
	    	data.customerNo = document.getElementById('customerNo').value || '';
	    	if(start != null && typeof start != 'undefined') {
	    		document.getElementById('applyDiviTimeStartDate').value = laydate.now(start);
	    		document.getElementById('applyCarinfoTimeEndDate').value = laydate.now(end);
	    	}
	    	data.applyDiviTimeStartDate = document.getElementById('applyDiviTimeStartDate').value.trim();
	    	data.applyCarinfoTimeEndDate = document.getElementById('applyCarinfoTimeEndDate').value.trim();
	    	$.extend(postData, data);
	    	refresh();
	    }
	    
	    var refresh = function()
	    {
	    	$("#table_list_1").jqGrid("setGridParam", { search: true }).trigger("reloadGrid", [{ page: 1}]);
	    }
    </script>
</body>
</html>
